<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网页基础  /  DIV&CSS_我的网站</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="/templets/default/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
<meta http-equiv="mobile-agent" content="format=xhtml;url=/m/list.php?tid=3">
<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="/m/list.php?tid=3";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
</head>
<body class="articlelist">
<div class="header_top">  
    <div class="w960 center">  
     <span id="time" class="time">织梦CMS - 轻松建站从此开始！</span>
     <div class="toplinks"><a href="/plus/heightsearch.php" target="_blank">高级搜索</a>|<a href="/data/sitemap.html" target="_blank">网站地图</a>|<a href="/tags.php">TAG标签</a><a href="/data/rssmap.html" class="rss">RSS订阅</a><span>[<a href=""onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.dedev57.devp');">设为首页</a>] [<a href="javascript:window.external.AddFavorite('http://www.dedev57.devp','我的网站')">加入收藏</a>]</span></div>
    </div> 
</div>
<div class="header">
	<div class="top w960 center">
      <div class="title">
        <h1><a href="http://www.dedev57.devp"><img src="/templets/default/images/logo.gif" height="54" width="216" alt="我的网站"/></a> </h1>
      </div>
      <div class="banner"><!-- 468x60启用SSP 开始 --><script type="text/javascript">var _mda_place_id ="58c0d37430f57";</script><script type="text/javascript" src="http://place.ssp.desdev.cn/pageplace/show.js"></script><!-- 468x60启用SSP 结束 --></div>
	</div><!-- //top -->
	<!-- //菜单 -->
	<div class="module blue mT10 wrapper w963">
  	<div class="top">
    	<!-- //如果不使用currentstyle，可以在channel标签加入 cacheid='channeltoplist' 属性提升性能 -->
    <div id="navMenu">
    	<ul>
      	<li><a href='/'><span>主页</span></a></li>
      	<li class='hover'><a href='/a/webbase/'  rel='dropmenu1'><span>网页基础</span></a></li>
      	<li><a href='/a/pics/' ><span>站长图集</span></a></li>
      	
      	<li><a href='/a/downloads/' ><span>软件下载</span></a></li>
      	
      	<li><a href='/a/shops/' ><span>商品销售</span></a></li>
      	
      	<li><a href='/a/infos/' ><span>分类信息</span></a></li>
      	
      	<li><a href='http://docs.dedecms.com' ><span>帮助文档</span></a></li>
      	
      	<li><a href='http://www.dedecms.com' ><span>织梦CMS</span></a></li>
      	
      	<li><a href='http://www.dedev57.devp/book' ><span>小说</span></a></li>
      	
      	<li><a href='http://www.dedev57.devp/group' ><span>圈子</span></a></li>
      	
      	<li><a href='http://www.dedev57.devp/ask' ><span>问答</span></a></li>
      	
    	</ul>
    </div>	
    <div class="search">
      <form  name="formsearch" action="/plus/search.php">
        <div class="form">
          <h4>搜索</h4>
           <input type="hidden" name="kwtype" value="0" />
           <input name="q" type="text" class="search-keyword" id="search-keyword" value="在这里搜索..." onfocus="if(this.value=='在这里搜索...'){this.value='';}"  onblur="if(this.value==''){this.value='在这里搜索...';}" />
           <select name="searchtype" class="search-option" id="search-option">
               <option value="title" selected='1'>检索标题</option>
               <option value="titlekeyword">智能模糊</option>
           </select>
          <button type="submit" class="search-submit">搜索</button>
        </div>
        </form>
        <div class="tags">
          <h4>热门标签:</h4>
          <ul>
          
            <li><a href='/tags.php?/dedecms5.1/'>dedecms5.1</a></li>
          
            <li><a href='/tags.php?/sp1/'>sp1</a></li>
          
            <li><a href='/tags.php?/%E5%85%8D%E8%B4%B9%E7%89%88/'>免费版</a></li>
          
          </ul>
        </div>
    </div><!-- //search -->
		</div>
	</div>
</div><!-- //header -->
<div class="banner2 w960 center"><!-- 950x90启用SSP 开始 --><script type="text/javascript">var _mda_place_id ="58bcc7ba88dd8";</script><script type="text/javascript" src="http://place.ssp.desdev.cn/pageplace/show.js"></script><!-- 950x90启用SSP 结束 --></div>
<!-- /header -->
<div class="w960 center clear mt1">
 <div class="pleft">
  <div class="place"> <strong>当前位置:</strong> <a href='http://www.dedev57.devp/'>主页</a> > <a href='/a/webbase/'>网页基础</a> > <a href='/a/webbase/div-css/'>DIV&CSS</a> >  </div>
  <!-- /place -->
  <div class="listbox">
   <ul class="e2">
    <li> <a href='/a/webbase/div-css/2010/0407/22.html' class='preview'><img src='/images/defaultpic.gif'/></a>
     [<b><a href='/a/webbase/div-css/'>DIV&CSS</a></b>] <a href="/a/webbase/div-css/2010/0407/22.html" class="title">看看你是哪个等级的CSS开发人员</a> <span class="info"> <small>日期：</small>2010-04-07 09:32:53 <small>点击：</small>0 <small>好评：</small>0 </span>
     <p class="intro"> CSS? Isn... </p>
    </li><li> <a href='/a/webbase/div-css/2010/0407/23.html' class='preview'><img src='/images/defaultpic.gif'/></a>
     [<b><a href='/a/webbase/div-css/'>DIV&CSS</a></b>] <a href="/a/webbase/div-css/2010/0407/23.html" class="title">img图片元素下多余空白解决方案</a> <span class="info"> <small>日期：</small>2010-04-07 09:32:53 <small>点击：</small>0 <small>好评：</small>0 </span>
     <p class="intro"> 在进行页面的DIV+CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对於 该问题的解决方法也是「见机行事」，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的B... </p>
    </li><li> <a href='/a/webbase/div-css/2010/0407/24.html' class='preview'><img src='http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603910L60-12363_lit.jpg'/></a>
     [<b><a href='/a/webbase/div-css/'>DIV&CSS</a></b>] <a href="/a/webbase/div-css/2010/0407/24.html" class="title">30个基于CSS的导航和按钮优秀设计教程</a> <span class="info"> <small>日期：</small>2010-04-07 09:32:53 <small>点击：</small>0 <small>好评：</small>0 </span>
     <p class="intro"> 在当今标准的Web设计中，CSS是最重要的组成部分。为了让大家更好的理解如何通过CSS来设计，彬Go为大家收集了30个基于CSS的导航菜单 和按钮的CSS设计教程，通过这些教程，您可以在您今后的项目中更方便的直接使用或参考，当然也可以用作平时的实践练习。希望... </p>
    </li><li> <a href='/a/webbase/div-css/2010/0407/25.html' class='preview'><img src='http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60392Q4550-321013_lit.gif'/></a>
     [<b><a href='/a/webbase/div-css/'>DIV&CSS</a></b>] <a href="/a/webbase/div-css/2010/0407/25.html" class="title">精选30个优秀的CSS技术和实例</a> <span class="info"> <small>日期：</small>2010-04-07 09:32:53 <small>点击：</small>0 <small>好评：</small>0 </span>
     <p class="intro"> 今天，我们为大家收集精选了 30个使用纯CSS 完成的强大实践的 优秀CSS技术和实例 ，您将在这里发现很多与众不同的技术，比如:图片集、阴影效果、可扩展按钮、菜单等这些实例都是使用纯CSS和HTML实现的。 单击每个实例的标题可以被转向到该技术实例的相关教程... </p>
    </li><li> <a href='/a/webbase/div-css/2010/0407/26.html' class='preview'><img src='http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603930W50-12401_lit.png'/></a>
     [<b><a href='/a/webbase/div-css/'>DIV&CSS</a></b>] <a href="/a/webbase/div-css/2010/0407/26.html" class="title">CSS 中的黄金分割率</a> <span class="info"> <small>日期：</small>2010-04-07 09:32:53 <small>点击：</small>0 <small>好评：</small>0 </span>
     <p class="intro"> 这是一位叫 Christos Chiotis 的希腊 Web 设计师发表在 CssGlobe 的一篇文章，讲述了黄金分割率在 CSS 中的应用。黄金分割率是一个应用广泛的数学常数，大约为 1.6180339887。黄金分割率用在 Web 设计中，可以为设计带来更多视觉上的和谐。 在一个简单的两栏... </p>
    </li><li> <a href='/a/webbase/div-css/2010/0407/27.html' class='preview'><img src='http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F603932K20-31036_lit.gif'/></a>
     [<b><a href='/a/webbase/div-css/'>DIV&CSS</a></b>] <a href="/a/webbase/div-css/2010/0407/27.html" class="title">用CSS设计你的搜索框</a> <span class="info"> <small>日期：</small>2010-04-07 09:32:53 <small>点击：</small>0 <small>好评：</small>0 </span>
     <p class="intro"> 今天我将介绍一下如何使用CSS中的背景图片来设计你的搜索框。之前我使用别的方法来实现我的表单和搜索框，但是这种方法看起来会更容易些，所以我想将它与感兴趣的朋友分享。 View Demo 原始方式 首先来让我们看看我的原始的使用input type=image src=image_u... </p>
    </li><li> <a href='/a/webbase/div-css/2010/0407/28.html' class='preview'><img src='http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60393415040-55N2_lit.png'/></a>
     [<b><a href='/a/webbase/div-css/'>DIV&CSS</a></b>] <a href="/a/webbase/div-css/2010/0407/28.html" class="title">为今后的项目制作空白CSS模板文件</a> <span class="info"> <small>日期：</small>2010-04-07 09:32:53 <small>点击：</small>0 <small>好评：</small>0 </span>
     <p class="intro"> 如果你曾经收藏过许多关于CSS的最佳实践但还没开始利用它们，那么这篇文章将帮助你制作一个很好且很有组织的CSS文件来应用于一些CSS最佳实践。在 这里我将为为我的下一个项目制作一个基本的CSS模板文件。使用标准的重设(Reset)方法，定义一些基本的方便的类... </p>
    </li><li> <a href='/a/webbase/div-css/2010/0407/29.html' class='preview'><img src='http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60393525250-A528_lit.png'/></a>
     [<b><a href='/a/webbase/div-css/'>DIV&CSS</a></b>] <a href="/a/webbase/div-css/2010/0407/29.html" class="title">简洁纯净的CSS表单设计实例</a> <span class="info"> <small>日期：</small>2010-04-07 09:32:53 <small>点击：</small>0 <small>好评：</small>0 </span>
     <p class="intro"> 很多CSS爱好者不喜欢HTML表格，尤其是在制作表单的时候，虽然现在已经是XHTML+CSS的年代，但表单的设计大多还在采用table来布局。那 么，有没有更好的使用纯语义化XHTML+CSS设计表单方法呢？今天让我们一起来尝试这种更符合语义化的方法来代替Table嵌套的表... </p>
    </li><li> <a href='/a/webbase/div-css/2010/0407/30.html' class='preview'><img src='http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60393KXP-S429_lit.gif'/></a>
     [<b><a href='/a/webbase/div-css/'>DIV&CSS</a></b>] <a href="/a/webbase/div-css/2010/0407/30.html" class="title">精选15个国外CSS框架</a> <span class="info"> <small>日期：</small>2010-04-07 09:32:53 <small>点击：</small>0 <small>好评：</small>0 </span>
     <p class="intro"> 什么是css框架 实际上还是让我们从框架说起吧。 框架就是一个你可以用于你的网站项目的基本的概念上的结构体。 css框架通常只是一些css文件的集合，这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如： typography.css基本排版规则 grid.... </p>
    </li><li> <a href='/a/webbase/div-css/2010/0407/33.html' class='preview'><img src='http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60395AI60-21A37_lit.png'/></a>
     [<b><a href='/a/webbase/div-css/'>DIV&CSS</a></b>] <a href="/a/webbase/div-css/2010/0407/33.html" class="title">你应当了解的5个CSS3新技术</a> <span class="info"> <small>日期：</small>2010-04-07 09:32:53 <small>点击：</small>0 <small>好评：</small>0 </span>
     <p class="intro"> CSS是众所周知且应用广泛的网站样式语言，在它的版本三(CSS3)计划中，新增了一些能够节省时间的特性。尽管只有当前最新了浏览器版本才能支持这些 效果，但了解它们还是必须且很有趣味性的。暴风彬彬将在这篇文章向大家展示CSS中的5个有趣的新技术:圆角、个别... </p>
    </li>
   </ul>
  </div>
  <!-- /listbox -->
  <div class="dede_pages">
   <ul class="pagelist">
    <li>首页</li>
<li class="thisclass">1</li>
<li><a href='list_3_2.html'>2</a></li>
<li><a href='list_3_2.html'>下一页</a></li>
<li><a href='list_3_2.html'>末页</a></li>
<li><select name='sldd' style='width:36px' onchange='location.href=this.options[this.selectedIndex].value;'>
<option value='list_3_1.html' selected>1</option>
<option value='list_3_2.html'>2</option>
</select></li>
<li><span class="pageinfo">共 <strong>2</strong>页<strong>13</strong>条</span></li>

   </ul>
  </div>
  <!-- /pages -->
 </div>
 <!-- /pleft -->
 <div class="pright">
  <div>
   <dl class="tbox">
    <dt><strong>栏目列表</strong></dt>
    <dd>
     <ul class="d6">
      
      <li><a href='/a/webbase/html/'>HTML</a></li>
      <li><a href='/a/webbase/div-css/' class='thisclass'>DIV&CSS</a></li>
      <li><a href='/a/webbase/javascript-ajax/'>Javascript/Ajax</a></li>
      
      <li><a href='/a/webbase/dreamweaver/'>Dreamweaver</a></li>
      
     </ul>
    </dd>
   </dl>
  </div>
  <div id="listRtPicAD" style="margin:10px auto"><!-- 250x250启用SSP 开始 --><script type="text/javascript">var _mda_place_id ="58bcc82381892";</script><script type="text/javascript" src="http://place.ssp.desdev.cn/pageplace/show.js"></script><!-- 250x250启用SSP 结束 --></div>
  <div class="commend">
   <dl class="tbox light">
    <dt class='light'><strong>推荐内容</strong></dt>
    <dd class='light'>
     <ul class="d4">
      
     </ul>
    </dd>
   </dl>
  </div>
  <!-- /commend -->
  <div class="hot mt1 light">
   <dl class="tbox">
    <dt class='light'><strong>热点内容</strong></dt>
    <dd class='light'>
     <ul class="c1 ico2">
      <li><a href="/a/webbase/div-css/2010/0407/21.html">5种方法立刻写出更好的</a></li>
<li><a href="/a/webbase/div-css/2010/0407/22.html">看看你是哪个等级的CSS开</a></li>
<li><a href="/a/webbase/div-css/2010/0407/23.html">img图片元素下多余空白解</a></li>
<li><a href="/a/webbase/div-css/2010/0407/24.html">30个基于CSS的导航和按钮优</a></li>
<li><a href="/a/webbase/div-css/2010/0407/25.html">精选30个优秀的CSS技术和实</a></li>
<li><a href="/a/webbase/div-css/2010/0407/26.html">CSS 中的黄金分割率</a></li>
<li><a href="/a/webbase/div-css/2010/0407/27.html">用CSS设计你的搜索框</a></li>
<li><a href="/a/webbase/div-css/2010/0407/28.html">为今后的项目制作空白C</a></li>
<li><a href="/a/webbase/div-css/2010/0407/29.html">简洁纯净的CSS表单设计实</a></li>
<li><a href="/a/webbase/div-css/2010/0407/30.html">精选15个国外CSS框架</a></li>

     </ul>
    </dd>
   </dl>
  </div>
    <a href='http://2v.dedecms.com/' id='__dedeqrcode_1'>织梦二维码生成器</a>
  <script type="text/javascript">
  	var __dedeqrcode_id=1;
  	var __dedeqrcode_aid=3;
  	var __dedeqrcode_type='list';
  	var __dedeqrcode_dir='/plus';
  </script>
  <script language="javascript" type="text/javascript" src="/plus/img/qrcode.js"></script>
  <div id="listRtPicAD2" style="margin:10px auto"><!-- 250x250普通 开始 --><script type="text/javascript">var _mda_place_id ="58bcc92e8b472";</script><script type="text/javascript" src="http://place.ssp.desdev.cn/pageplace/show.js"></script><!-- 250x250普通 结束 --></div>
 </div>
 <!-- /pright -->
</div>
<div id="innerfooterAD" style="margin:10px auto; width:726px"><!-- 728x90普通 开始 --><script type="text/javascript">var _mda_place_id ="58bce8309bc21";</script><script type="text/javascript" src="http://place.ssp.desdev.cn/pageplace/show.js"></script><!-- 728x90普通 结束 --></div>

<!-- //底部模板 -->
<div class="footer w960 center mt1 clear">
	<!-- 
		为了支持织梦团队的发展,请您保留织梦内容管理系统的链接信息.
		我们对支持织梦团队发展的朋友表示真心的感谢!织梦因您更精彩!
	-->
    <div class="footer_left"></div>
    <div class="footer_body">
	<p class="powered">    
		Powered by <a href="http://www.dedecms.com" title="织梦内容管理系统(DedeCms)--国内最专业的PHP网站管理系统，轻松建站的首选利器。" target="_blank"><strong>DedeCMS_V57_UTF8_SP2</strong></a> &copy; 2004-2017 <a href="http://www.desdev.cn/" target="_blank">DesDev</a> Inc.<br /><div class="copyright">Copyright &copy; 2002-2017 DEDECMS. 织梦科技 版权所有 <a href=http://www.dedecms.com target='_blank'>Power by DedeCms</a>&nbsp;&nbsp;</div></p>        
<!-- /powered -->
   </div>
   <div class="footer_right"></div>
</div>
<!-- /footer -->
</body>
</html>
